<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- FUCK 360  -->
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/pure.min.css">
        <link rel="stylesheet" href="css/index.css">
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        <div class="out-body-head">
            <div id="head" class="body pure-g">
                <div style="height:41px;/*Fuck 360 margin and default style!*/" class="pure-u-2-3"></div>
                <div id="door" class="pure-u-1-12">
                    <a href="#">掌云入口</a>
                </div>
                <div id="log_in_out" class="pure-u-1-12">
                    <a href="#">登录</a>
                    <span class="like_a">/</span>
                    <a href="#">注册</a>
                </div>
                <div id="search" class="pure-u-1-6">
                    <div id="lang">
                        <span><a href="#" id="lang-zh">中文</a></span>
                        <span><a href="#" id="lang-en">English</a></span>
                    </div>
                    <div id="search_text">
                        <input name="q" type="text">
                    </div>
                </div>
            </div>
        </div>
        <div class="out-body-nav">
            <div id="nav" class="body pure-g">
                <div class="nav-item pure-u-1-8"><span>
                        <a href="index.html"><h2>首页</h2></a>
                    </span></div>
                <div data-nav-index="1" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>产品中心</h2></a>
                    </span>
<div style="width:0">
                    <div data-nav-content="1" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:200px;height:100px;">1</div></div>
                </div>
                <div data-nav-index="2" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>技术中心</h2></a>
                    </span>
                    <div style="width:0">
                    <div data-nav-content="2" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:300px;height:200px;">2</div></div>
                </div>
                <div data-nav-index="3" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>解决方案</h2></a>
                    </span>
                    <div style="width:0">
                    <div data-nav-content="3" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:400px;height:300px;">3</div></div>
                </div>
                <div data-nav-index="4" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>关于我们</h2></a>
                    </span>
                    <div style="width:0">
                    <div data-nav-content="4" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:500px;height:400px;">4</div></div>
                </div>
                <div data-nav-index="5" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>联系我们</h2></a>
                    </span>
                    <div style="width:0">
                    <div data-nav-content="5" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:600px;height:500px;">5</div></div>
                </div>
                <div data-nav-index="6" class="nav-item pure-u-1-8"><span>
                        <a href="#"><h2>商城入口</h2></a>
                    </span>
                    <div style="width:0">
                    <div data-nav-content="6" class="nav-content-item" style="opacity:0; filter:alpha(opacity=0);width:700px;height:600px;">6</div></div>
                </div>
            </div>
        </div>
<!--         <div id="nav_content" class="body">
    <div data-nav-content="1" class="nav-content-item" style="opacity:0;">1</div>
    <div data-nav-content="2" class="nav-content-item" style="opacity:0;">2</div>
    <div data-nav-content="3" class="nav-content-item" style="opacity:0;">3</div>
    <div data-nav-content="4" class="nav-content-item" style="opacity:0;">4</div>
    <div data-nav-content="5" class="nav-content-item" style="opacity:0;">5</div>
    <div data-nav-content="6" class="nav-content-item" style="opacity:0;">6</div>
</div> -->

        <div class="out-body-benner">
            <div id="banner" ><!-- class="body" -->
                <div class="banner-item">
                    <div class="out">
                        <div class="mid">
                            <div class="in"><img src="./img/res/banner-1.jpg" alt=""></div>
                        </div>
                    </div>
                </div>
                <div class="banner-item">
                    <div class="out">
                        <div class="mid">
                            <div class="in"><img src="./img/res/banner-2.jpg" alt=""></div>
                        </div>
                    </div>
                </div>
                <div class="banner-item">
                    <div class="out">
                        <div class="mid">
                            <div class="in"><img src="./img/res/banner-3.jpg" alt=""></div>
                        </div>
                    </div>
                </div>
                <div class="banner-item">
                    <div class="out">
                        <div class="mid">
                            <div class="in"><img src="./img/res/banner-4.jpg" alt=""></div>
                        </div>
                    </div>
                </div>
                <div class="banner-item">
                    <div class="out">
                        <div class="mid">
                            <div class="in"><img src="./img/res/banner-5.jpg" alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="body">
                <ul id="banner-nav">
                    <!-- <li style="margin-left: -99px; "></li>
                    <li style="margin-left: -79px; "></li>
                    <li style="margin-left: -59px; "></li>
                    <li style="margin-left: -39px; "></li>
                    <li style="margin-left: -19px; "></li> -->
                </ul>
            </div>
        </div>
        <div class="out-body-main">
            <div id="main" class="body">
                <div id="main-head">
                    <!-- (span.news>h3{新闻资讯})+ul.news-list>li>(span.news-title>a{新闻正文内容新闻正文内容新闻正文内内容新闻正文内容新闻正文内容}+span.news-time>a{[2013-10-23]}) -->
                    <span class="news">
                        <h3>新闻资讯</h3>
                    </span>
                    <ul class="news-list">
                        <li><span class="news-title"><a href="">新闻正文内容新闻正文内容新闻正文内内容新闻正文内容新闻正文内容</a><span class="news-time"><a href="">[2013-10-23]</a></span></span></li>
                    </ul>
                </div>
                <!-- div#product_list.pure-g>.product-item.pure-u-1-3*6>div.product-content>div.product-show+div.product-detial>(span>h3{主流中端产品$})+div.product-text{主流中端产品$的一些介绍，还有这些介绍，那些介绍，等等等………………} -->
                <div id="product_list" class="pure-g" style="clear:both;">
                    <div class="product-item pure-u-1-3">
                        <div class="product-content product-item-left">
                            <div class="product-show"></div>
                            <div class="product-detial">
                                <span>
                                    <h3>主流中端产品1</h3></span>
                                <div class="product-text">主流中端产品1的一些介绍，还有这些介绍，那些介绍，等等等………………</div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item pure-u-1-3">
                        <div class="product-content product-item-center">
                            <div class="product-show"></div>
                            <div class="product-detial">
                                <span>
                                    <h3>主流中端产品2</h3></span>
                                <div class="product-text">主流中端产品2的一些介绍，还有这些介绍，那些介绍，等等等………………</div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item pure-u-1-3">
                        <div class="product-content product-item-right">
                            <div class="product-show"></div>
                            <div class="product-detial">
                                <span>
                                    <h3>主流中端产品3</h3></span>
                                <div class="product-text">主流中端产品3的一些介绍，还有这些介绍，那些介绍，等等等………………</div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item pure-u-1-3">
                        <div class="product-content product-item-left">
                            <div class="product-show"></div>
                            <div class="product-detial">
                                <span>
                                    <h3>主流中端产品4</h3></span>
                                <div class="product-text">主流中端产品4的一些介绍，还有这些介绍，那些介绍，等等等………………</div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item pure-u-1-3">
                        <div class="product-content product-item-center">
                            <div class="product-show"></div>
                            <div class="product-detial">
                                <span>
                                    <h3>主流中端产品5</h3></span>
                                <div class="product-text">主流中端产品5的一些介绍，还有这些介绍，那些介绍，等等等………………</div>
                            </div>
                        </div>
                    </div>
                    <div class="product-item pure-u-1-3">
                        <div class="product-content product-item-right">
                            <div class="product-show"></div>
                            <div class="product-detial">
                                <span>
                                    <h3>主流中端产品6</h3></span>
                                <div class="product-text">主流中端产品6的一些介绍，还有这些介绍，那些介绍，等等等………………</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="out-body-footer">
            <!-- div#footer.body.pure-g>div.lnc-info.pure-u-1-3+div.vertical-line.pure-u-1-12+div#server.pure-u-7-12.pure-g>div.server-list.pure-u-1-4*4>span>span.icon-h4{服务项}+ul>(li>a{服务内容})*6 -->
            <div id="footer" class="body pure-g">
                <div class="lnc-info pure-u-1-3"><!-- 
                    div.inc-info>div.inc-logo+div.inc-phone+div.inc-email>a[href=mailto://M1206B@126.com]>img[src=/img/email.png][alt=M1206B@126.com] -->

                    <div class="inc-info">
                        <div class="inc-logo"></div>
                        <div class="inc-phone"></div>
                        <div class="inc-email"><a href="mailto://M1206B@126.com"><img src="./img/email.png" alt="M1206B@126.com"></a></div>
                    </div>
                </div>
                <div class="vertical-line pure-u-1-12"></div>
                <div id="server" class="pure-u-7-12 pure-g">
                    <div class="server-list pure-u-1-4"><span>
                            <span class="icon-h4 help-buy"><img src="./img/help-buy.png" alt="购买说明"></span>
                            <ul>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                            </ul>
                        </span></div>
                    <div class="server-list pure-u-1-4"><span>
                            <span class="icon-h4 help-sold"><img src="./img/help-sold.png" alt="售后服务"></span>
                            <ul>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                            </ul>
                        </span></div>
                    <div class="server-list pure-u-1-4"><span>
                            <span class="icon-h4 help-proxy"><img src="./img/help-proxy.png" alt="代理商"></span>
                            <ul>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                            </ul>
                        </span></div>
                    <div class="server-list pure-u-1-4"><span>
                            <span class="icon-h4 help-office"><img src="./img/help-office.png" alt="办事处"></span>
                            <ul>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                                <li><a href="">服务内容</a></li>
                            </ul>
                        </span></div>
                </div>
            </div>
            <div class="copyright">
                <h4>Copyright &copy; 2012-2050 Rights Reserved 中航掌控（北京）科技有限公司</h4>
            </div>
        </div>
        <script src=".//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
        <script src="js/plugins.js"></script>
        <script src="js/nav.js"></script>
        <script src="js/banner.js"></script>

    </body>
</html>
